import React, { Component } from 'react'
import qs from 'querystring'

let obj = { name: 'tom', age: 18 }
console.log(qs.stringify(obj));

const DetailData = [
  { id: '01', content: '你好，中国' },
  { id: '02', content: '你好，借力好风' },
  { id: '03', content: '你好，未来的自己' }
]
export default class Detail extends Component {
  render() {
    console.log(this.props);

    // 接受 params 传来的参数，在this.props.match.params
    // const { id, title } = this.props.match.params

    // 接收 search 参数
    // const { search } = this.props.location
    // const { id, title } = qs.parse(search.slice(1))

    // 接收 state 参数
    const { id, title } = this.props.location.state

    const findResult = DetailData.find((detailObj => {
      return detailObj.id === id
    }))

    return (
      <ul>
        <li>ID:{id}</li>
        <li>TITLE:{title}</li>
        <li>CONTENT:{findResult.content}</li>
      </ul>
    )
  }
}
